<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标题</title>
	</head>
	<body style="background-color: yellow;font-family: 楷体;color: red;">
		<iframe src="bootstrapcss.html" frameborder="0" style="height: 12.5rem;width: 18.75rem;"></iframe>
		楷体字
		<p style="text-align: center;">用父style</p>
		<a name="tips">锚点</a>
		<code>Computer code</code>
		<br />
		<kbd>Keyboard input</kbd>
		<br />
		<tt>Teletype text</tt>
		
		<br />
		<samp>Sample text</samp>
		<br />
		<var>Computer variable</var>
		<br />

		<p>
			<b>注释：</b>这些标签常用于显示计算机/编程代码。
		</p>

		<q>这是一段引用文字</q>
		<blockquote cite="http://www.worldwildlife.org/who/index.html">
			五十年来，WWF 一直致力于保护自然界的未来。
			世界领先的环保组织，WWF 工作于 100 个国家，
			并得到美国一百二十万会员及全球近五百万会员的支持。
		</blockquote>
		<abbr title="World Health Organization">WHO</abbr>
		<p>HTML kdb 元素键盘输入：</p>
		<p><kbd>File | Open...</kbd></p>
		<samp>
			demo.example.com login: Apr 12 09:10:17
			Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
		</samp>
		<br />
		<code>
			var person = {
			firstName:"Bill",
			lastName:"Gates",
			age:50,
			eyeColor:"blue" }
			var person2 = {
			firstName:"Bill",
			lastName:"Gates",
			age:50,
			eyeColor:"blue" }
		</code>
		<p><var>E = m c<sup>2</sup></var></p>
		<a href="http://www.baidu.com" target="_self">百度</a>
		<a href="#tips">有用的提示</a>
		<img src="./img/cat.jpg" style="width: 200px;height: 150px;" alt="猫" />
		<table border="4" cellpadding="10" cellspacing="10">
			<caption>表格标题</caption>
			<tr>
				<th>Heading</th>
				<th>Another Heading</th>
			</tr>
			<tr>
				<td>row 1, cell 1</td>
				<td>row 1, cell 2</td>
			</tr>
			<tr>
				<td>row 2, cell 1</td>
				<td>row 2, cell 2</td>
				<td>row 2, cell 3</td>
			</tr>
			<tr>
				<td>row 3, cell 1</td>
				<td colspan="2">row 3, cell 2</td>
			</tr>
		</table>
		<ul>
			<li>咖啡</li>
			<li>牛奶</li>
		</ul>
		<ol>
			<li>咖啡</li>
			<li>牛奶</li>
		</ol>
		<dl>
			<dt>Coffee</dt>
			<dd>Black hot drink</dd>
			<dt>Milk</dt>
			<dd>White cold drink</dd>
		</dl>
		
	</body>

</html>
